<!DOCTYPE html>
<html>
<head>
<title>Product Detail</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/bootstrap.min.css" media="screen">
<link rel="stylesheet" href="/css/bootstrap-responsive.css">
<script src="/js/jquery-1.9.1.js"></script>
<script src="/js/bootstrap.js"></script>
<style type="text/css">
   .row-fluid
   {
   	  margin: 20px 0 ;
   }
</style>
<body>
<div class="container">
    <section class="row-fluid">
		<div class="span3">
			<div class="thumbnail">
			  <img src="http://placehold.it/360x270" alt="">
			  <h3>Thumbnail label</h3>
			  <p>Thumbnail caption...</p>
			</div>
		</div>
		<div class="span9">
			  <div class="control-group">
			  	 <h4 class="text-center" style="border-bottom: 1px solid #CCCCCC;">Wireless Camera..</h4>
			  </div>
			  <div class="control-group">
			    <label class="control-label">Name</label>
			    <div class="controls">
			       <p>Wireless Camera..</p>
			    </div>
			  </div>
			  <div class="control-group">
			    <label class="control-label">Price</label>
			    <div class="controls">
			       <strong>US 12.7$</strong>
			    </div>
			  </div>
		</div>
	</section>
	<section class="row-fluid">
		<div class="tabbable">
		  <ul class="nav nav-tabs">
		    <li class="active"><a href="#tab1" data-toggle="tab">Description</a></li>
		    <li><a href="#tab2" data-toggle="tab">Shippment</a></li>
		  </ul>
		  <div class="tab-content">
		  	<div class="tab-pane" id="tab2">
		        <p>I'm in Section 1.</p>
		    </div>
		    <div class="tab-pane active" id="tab1">
		    	<iframe id="iframe" src="http://www.baidu.com" width="100%" height="600" scrolling="no"  marginheight="0" marginwidth="0" frameborder="0"/>	    		      
		    </div>		    
		  </div>
		</div>			
	</section>
</div>
<script type="text/javascript">
	function SetCwinHeight(){
	    if (document.getElementById)
	    {	    	
			var iframeObj =document.getElementById("iframe");
			if (iframeObj && !window.opera)
			{
				iframeObj.style.display="block";
				if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight)
				{
					iframeObj.height = iframeObj.contentDocument.body.offsetHeight;
				}else if(iframeObj.Document && iframeObj.Document.body.scrollHeight){
					iframeObj.height = iframeObj.Document.body.scrollHeight;
				}
			}
        }
    }

    if (window.addEventListener) 
		window.addEventListener("load", SetCwinHeight, false);
	else if (window.attachEvent) 
		window.attachEvent("onload", SetCwinHeight);
	else 
		window.onload = SetCwinHeight;
</script>
</body>
</html>